<template>
  <div style="padding: 0 15px">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="13"
      height="16"
      viewBox="0 0 13 16"
      fill="none"
    >
      <path
        :fill="topNav?(!theme.includes('2e3c56')? 'rgba(44, 78, 120, 1)' : '#fff'):(!topTheme.includes('2e3c56')? 'rgba(44, 78, 120, 1)' : '#fff')"
        d="M1.95225 11.3134C1.87516 11.2369 1.8 11.1586 1.72678 11.0784C1.65355 10.9983 1.58234 10.9163 1.51317 10.8327C1.44399 10.749 1.37692 10.6636 1.31195 10.5766C1.24698 10.4897 1.1842 10.4011 1.12359 10.311C1.06299 10.2209 1.00465 10.1294 0.948575 10.0364C0.892492 9.94344 0.838736 9.84914 0.787309 9.75352C0.735883 9.65789 0.686841 9.56106 0.640184 9.46302C0.593539 9.36497 0.549336 9.26584 0.507575 9.16561C0.465825 9.06538 0.42657 8.96419 0.389809 8.86202C0.353048 8.75986 0.318825 8.65686 0.287138 8.553C0.255461 8.44914 0.226366 8.34458 0.199852 8.23928C0.173334 8.13398 0.149431 8.02811 0.128139 7.92164C0.106847 7.81517 0.0881948 7.70825 0.0721814 7.60086C0.0561667 7.49347 0.0428105 7.38575 0.0321127 7.2777C0.0214147 7.16966 0.013388 7.06141 0.0080328 6.95297C0.00267767 6.84452 0 6.73602 0 6.62744C0 6.51886 0.00267767 6.41034 0.0080328 6.30189C0.013388 6.19345 0.0214147 6.0852 0.0321127 5.97716C0.0428105 5.86911 0.0561667 5.76139 0.0721814 5.654C0.0881948 5.54661 0.106847 5.43969 0.128139 5.33322C0.149431 5.22675 0.173334 5.12087 0.199852 5.01558C0.226366 4.91028 0.255461 4.80572 0.287138 4.70186C0.318825 4.598 0.353048 4.495 0.389809 4.39284C0.42657 4.29067 0.465825 4.18948 0.507575 4.08925C0.549336 3.98902 0.593539 3.88989 0.640184 3.79184C0.686841 3.6938 0.735883 3.59697 0.787309 3.50134C0.838736 3.40572 0.892492 3.31142 0.948575 3.21844C1.00465 3.12547 1.06299 3.03394 1.12359 2.94384C1.1842 2.85375 1.24698 2.7652 1.31195 2.67822C1.37692 2.59123 1.44399 2.50589 1.51317 2.4222C1.58234 2.33852 1.65355 2.25659 1.72678 2.17642C1.8 2.09625 1.87516 2.01794 1.95225 1.94148C4.55556 -0.647161 8.77684 -0.647161 11.3802 1.94148C11.4572 2.01794 11.5324 2.09627 11.6057 2.17644C11.6789 2.25661 11.7501 2.33853 11.8193 2.42222C11.8885 2.50591 11.9556 2.59125 12.0206 2.67825C12.0855 2.76523 12.1483 2.85378 12.209 2.94389C12.2695 3.03398 12.3279 3.12552 12.384 3.2185C12.4401 3.31148 12.4939 3.40578 12.5453 3.50141C12.5967 3.59705 12.6458 3.69389 12.6924 3.79194C12.7391 3.88998 12.7833 3.98913 12.8251 4.08936C12.8668 4.18959 12.9061 4.29081 12.9429 4.39298C12.9796 4.49516 13.0139 4.59817 13.0455 4.70203C13.0772 4.80589 13.1063 4.91047 13.1329 5.01577C13.1594 5.12106 13.1833 5.22695 13.2046 5.33344C13.2259 5.43992 13.2445 5.54686 13.2605 5.65425C13.2766 5.76164 13.2899 5.86938 13.3006 5.97744C13.3113 6.08548 13.3193 6.19375 13.3247 6.3022C13.33 6.41066 13.3327 6.51919 13.3327 6.62777C13.3327 6.73634 13.33 6.84487 13.3247 6.95333C13.3193 7.06178 13.3113 7.17003 13.3006 7.27809C13.2899 7.38616 13.2766 7.49389 13.2605 7.60128C13.2445 7.70867 13.2259 7.81561 13.2046 7.92209C13.1833 8.02858 13.1594 8.13447 13.1329 8.23977C13.1063 8.34506 13.0772 8.44964 13.0455 8.5535C13.0139 8.65736 12.9796 8.76038 12.9429 8.86255C12.9061 8.96472 12.8668 9.06592 12.8251 9.16616C12.7833 9.26639 12.7391 9.36555 12.6924 9.46359C12.6458 9.56164 12.5967 9.65848 12.5453 9.75411C12.4939 9.84975 12.4401 9.94405 12.384 10.037C12.3279 10.13 12.2696 10.2215 12.209 10.3116C12.1483 10.4017 12.0855 10.4903 12.0206 10.5773C11.9556 10.6643 11.8885 10.7496 11.8193 10.8333C11.7501 10.917 11.6789 10.9989 11.6057 11.0791C11.5324 11.1593 11.4572 11.2376 11.3802 11.314L6.6662 16L1.95225 11.3134ZM6.6662 8.66675C6.69894 8.66677 6.73166 8.66597 6.76438 8.66438C6.79706 8.6628 6.8297 8.66041 6.8623 8.6572C6.89488 8.654 6.92736 8.65002 6.95977 8.64522C6.99214 8.64044 7.02439 8.63486 7.05652 8.62848C7.08862 8.62211 7.12056 8.61495 7.15233 8.607C7.18409 8.59906 7.21564 8.59034 7.24698 8.58086C7.27831 8.57136 7.30939 8.56111 7.34023 8.55009C7.37106 8.53908 7.40161 8.5273 7.43186 8.51478C7.46211 8.50227 7.49203 8.489 7.52164 8.47502C7.55123 8.46103 7.58048 8.44633 7.60938 8.43091C7.63825 8.41548 7.66673 8.39936 7.69483 8.38253C7.72291 8.3657 7.75056 8.3482 7.7778 8.33003C7.80502 8.31184 7.83178 8.293 7.85809 8.2735C7.88441 8.25402 7.91022 8.23388 7.93553 8.21311C7.96084 8.19234 7.98562 8.17098 8.00991 8.149C8.03416 8.12702 8.05787 8.10445 8.08103 8.08131C8.10419 8.05817 8.12677 8.03447 8.14877 8.0102C8.17075 7.98595 8.19213 7.96117 8.21291 7.93586C8.23369 7.91056 8.25383 7.88477 8.27334 7.85847C8.29284 7.83217 8.3117 7.80542 8.32989 7.7782C8.34808 7.75097 8.36561 7.72333 8.38245 7.69525C8.39928 7.66717 8.41542 7.63869 8.43086 7.60981C8.4463 7.58094 8.46102 7.5517 8.47502 7.52211C8.48902 7.49252 8.5023 7.46259 8.51483 7.43234C8.52736 7.40209 8.53914 7.37156 8.55017 7.34073C8.5612 7.30991 8.57147 7.27883 8.58098 7.2475C8.59048 7.21617 8.59922 7.18463 8.60719 7.15286C8.61514 7.12111 8.62231 7.08917 8.6287 7.05706C8.63509 7.02495 8.64069 6.9927 8.6455 6.96031C8.6503 6.92792 8.6543 6.89544 8.65752 6.86286C8.66073 6.83028 8.66314 6.79763 8.66475 6.76492C8.66634 6.73222 8.66716 6.6995 8.66716 6.66677C8.66716 6.63403 8.66634 6.6013 8.66475 6.56859C8.66314 6.53589 8.66073 6.50325 8.65752 6.47067C8.6543 6.43809 8.6503 6.40561 8.6455 6.37322C8.64069 6.34083 8.63509 6.30858 8.6287 6.27647C8.62231 6.24436 8.61514 6.21242 8.60719 6.18066C8.59922 6.14889 8.59048 6.11736 8.58098 6.08603C8.57147 6.0547 8.5612 6.02362 8.55017 5.9928C8.53914 5.96197 8.52736 5.93142 8.51483 5.90117C8.5023 5.87094 8.48902 5.84102 8.47502 5.81141C8.46102 5.78181 8.4463 5.75258 8.43086 5.72372C8.41542 5.69484 8.39928 5.66636 8.38245 5.63828C8.36561 5.6102 8.34808 5.58255 8.32989 5.55533C8.3117 5.52811 8.29284 5.50136 8.27334 5.47506C8.25383 5.44877 8.23369 5.42297 8.21291 5.39766C8.19213 5.37236 8.17075 5.34758 8.14877 5.32333C8.12677 5.29906 8.10419 5.27536 8.08103 5.25222C8.05787 5.22908 8.03416 5.20652 8.00991 5.18453C7.98562 5.16255 7.96084 5.14117 7.93553 5.12041C7.91022 5.09964 7.88441 5.07952 7.85809 5.06002C7.83178 5.04053 7.80502 5.02169 7.7778 5.0035C7.75056 4.98533 7.72291 4.96783 7.69483 4.951C7.66673 4.93417 7.63825 4.91805 7.60938 4.90263C7.58048 4.8872 7.55123 4.87248 7.52164 4.8585C7.49203 4.84452 7.46211 4.83127 7.43186 4.81875C7.40161 4.80623 7.37106 4.79445 7.34023 4.78344C7.30939 4.77242 7.27831 4.76216 7.24698 4.75267C7.21564 4.74319 7.18409 4.73447 7.15233 4.72652C7.12056 4.71858 7.08862 4.71142 7.05652 4.70505C7.02439 4.69867 6.99214 4.69309 6.95977 4.6883C6.92736 4.6835 6.89488 4.67952 6.8623 4.67633C6.8297 4.67312 6.79706 4.67073 6.76438 4.66914C6.73166 4.66756 6.69894 4.66677 6.6662 4.66678C6.63348 4.6668 6.60078 4.66762 6.56809 4.66923C6.53541 4.67086 6.5028 4.67328 6.47023 4.6765C6.43767 4.67973 6.4052 4.68375 6.37284 4.68856C6.34047 4.69338 6.30825 4.69898 6.27617 4.70538C6.24408 4.71177 6.21216 4.71895 6.18042 4.72692C6.14867 4.73489 6.11716 4.74363 6.08586 4.75314C6.05455 4.76266 6.02348 4.77292 5.99269 4.78395C5.96187 4.79498 5.93136 4.80677 5.90114 4.8193C5.87092 4.83184 5.84102 4.84511 5.81144 4.85911C5.78186 4.87311 5.75264 4.88783 5.7238 4.90325C5.69495 4.91869 5.6665 4.93483 5.63844 4.95166C5.61037 4.96848 5.58273 4.986 5.55555 5.00419C5.52833 5.02238 5.50159 5.04122 5.47533 5.0607C5.44905 5.0802 5.42327 5.10034 5.39798 5.12111C5.37269 5.14187 5.34792 5.16323 5.32369 5.18522C5.29944 5.2072 5.27577 5.22977 5.25264 5.25291C5.2295 5.27605 5.20695 5.29975 5.18498 5.324C5.16302 5.34825 5.14166 5.37303 5.12091 5.39833C5.10016 5.42362 5.08003 5.44941 5.06055 5.4757C5.04105 5.50198 5.02222 5.52873 5.00405 5.55594C4.98588 5.58314 4.96838 5.61078 4.95156 5.63886C4.93475 5.66692 4.91862 5.69539 4.90322 5.72425C4.88778 5.75311 4.87308 5.78233 4.85911 5.81191C4.84511 5.84148 4.83186 5.87139 4.81934 5.90163C4.80681 5.93186 4.79505 5.96239 4.78405 5.99319C4.77302 6.024 4.76277 6.05506 4.75327 6.08638C4.74377 6.11769 4.73503 6.14922 4.72709 6.18095C4.71914 6.21269 4.71198 6.24461 4.70561 6.2767C4.69922 6.3088 4.69362 6.34103 4.68883 6.37339C4.68403 6.40577 4.68003 6.43823 4.67683 6.4708C4.67361 6.50336 4.6712 6.53598 4.66961 6.56866C4.668 6.60134 4.6672 6.63405 4.6672 6.66677C4.6672 6.69948 4.668 6.73219 4.66961 6.76487C4.6712 6.79755 4.67361 6.83017 4.67683 6.86273C4.68003 6.8953 4.68403 6.92777 4.68883 6.96012C4.69362 6.9925 4.69922 7.02473 4.70561 7.05683C4.71198 7.08891 4.71914 7.12083 4.72709 7.15258C4.73503 7.18431 4.74377 7.21584 4.75327 7.24716C4.76277 7.27847 4.77302 7.30953 4.78405 7.34033C4.79505 7.37114 4.80681 7.40166 4.81934 7.43189C4.83186 7.46212 4.84511 7.49203 4.85911 7.52161C4.87308 7.55119 4.88778 7.58042 4.90322 7.60928C4.91862 7.63814 4.93475 7.66659 4.95156 7.69467C4.96838 7.72275 4.98588 7.75039 5.00405 7.77759C5.02222 7.8048 5.04105 7.83155 5.06055 7.85783C5.08003 7.88413 5.10016 7.90991 5.12091 7.9352C5.14166 7.9605 5.16302 7.98528 5.18498 8.00953C5.20695 8.03378 5.2295 8.05748 5.25264 8.08062C5.27577 8.10377 5.29944 8.12631 5.32369 8.1483C5.34792 8.17028 5.37269 8.19166 5.39798 8.21242C5.42327 8.23319 5.44905 8.25331 5.47533 8.27281C5.50159 8.29231 5.52833 8.31116 5.55555 8.32934C5.58273 8.34753 5.61037 8.36505 5.63844 8.38188C5.6665 8.3987 5.69495 8.41484 5.7238 8.43027C5.75264 8.4457 5.78186 8.46042 5.81144 8.47442C5.84102 8.48842 5.87092 8.50169 5.90114 8.51422C5.93136 8.52677 5.96187 8.53855 5.99269 8.54958C6.02348 8.56061 6.05455 8.57088 6.08586 8.58039C6.11716 8.58991 6.14867 8.59864 6.18042 8.60661C6.21216 8.61456 6.24408 8.62175 6.27617 8.62814C6.30825 8.63455 6.34047 8.64016 6.37284 8.64497C6.4052 8.64978 6.43767 8.6538 6.47023 8.65702C6.5028 8.66025 6.53541 8.66267 6.56809 8.66428C6.60078 8.66591 6.63348 8.66673 6.6662 8.66675Z"
        fill-rule="evenodd"
        fill-opacity="0.8"
      ></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);
const theme = computed(() => settingsStore.theme);
const topNav = computed(() => settingsStore.topNav);

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
